<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ page import="com.biz.utils.ConfigUtil" %>
	<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
    String resoursUrl = ConfigUtil.get("RESOURCES_URL");
%>

<!doctype html>
<html class="no-js"  style=" background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(#FFFFFF), to(#FFFFFF)); padding-bottom:50px;">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>支付成功</title>
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="renderer" content="webkit">
<meta http-equiv="Cache-Control" content="no-siteapp" />
<meta name="format-detection" content="telephone=no" />
	<link rel="stylesheet" href="<%=resoursUrl%>resources/assets/css/dxy.css" />
	<link rel="stylesheet" href="<%=resoursUrl%>resources/assets/css/NnOrange.css" />
  <jsp:include page="/jsp/inc_head.jsp"></jsp:include>
<style>

	.grzxbody_1{
		padding-bottom:60px;
		/*background-color:#eeeeee;*/
	}

	.grzx_toux{
		width: 300px;
		height: 300px;
		border-radius: 0px;
		border:0px solid #fff;
	}
	.grzx_name{
		color:#fff;
		font-size:16px;
		margin-top:5px;
	}
	.hyzl_tex{
		height:40px;
		line-height:40px;
		background-color:#ff5d0e;
		color:#fff;
		font-size:16px;
	}
	.jf_list_two{
		height:40px;
		line-height:40px;
		background-color:#fff;
		font-size:14px;
		color:#282828;
		border: 1px solid #b8bece;
		border-top: 0;
	}
	.telnumber{
		color:
				#322b75;
	}
	.add_tip{
		color:#adadad;
		font-size:13px;
	}
	.grxz_hyzl{
		margin-top:18px;
	}
	.grzx_midxx{
		border-bottom:1px solid #b8bece;
		background-color:#fff;
		padding:0;
	}
	.midxx_li{
		border-right:1px solid #b8bece;
		padding:10px 0;
		font-size:13px;
		color:#282828;
	}
	.xx_col{
		color:#d73009;
		font-size:23px;
	}
	.corOrg{
		color:#ff5d0e;
	}
	.popteladr {
		position: fixed;
		top: 50%;
		left: 50%;
		width: 300px;
		margin-left: -150px;
		margin-top: -100px;
		font-size: 12px;
		z-index: 1001;
		background-color: #fff;
		border-radius: 10px;
		padding: 30px 10px 20px;
		color: #444;
		display: none;
	}

	.popteltop {
		border-bottom: 1px solid #ddd;
		padding-bottom: 12px;
		text-align: center;
	}

	.borleft {
		border-left: 1px solid #ddd;
	}

	.telcall {
		display: inline-block;
		background: url(<%=basePath%>resources/assets/image/icon_calltel.png)
		no-repeat left center/14px 14px;
		padding-left: 16px;
		color: #ff5a13;
	}

	.adrnav {
		display: inline-block;
		background: url(<%=basePath%>resources/assets/image/icon_adrnav.png)
		no-repeat left center/14px 16px;
		padding-left: 16px;
		color: #ff5a13;
	}

	.kefuimg {
		position: absolute;
		top: -25px;
		left: 125px;
	}

	.closepop {
		position: absolute;
		right: 0;
		top: -30px;
	}

	.kefuimg img {
		height: 50px;
		width: 50px;
		border-radius: 100%;
	}

	.zzc {
		position: fixed;
		left: 0;
		top: 0;
		bottom: 0;
		right: 0;
		height: 100%;
		width: 100%;
		z-index: 1000;
		background-color: #000;
		opacity: 0.7;
		display: none;
	}
</style>
</head>
<div class="am-u-sm-12 sqtkTopDivTwo"     style="margin-top: 44px;">
<img src="<%=resoursUrl%>resources/assets/images/sqtkyty.png" width="30" />&nbsp;   <span class="am-text-middle">您已成功付款</span>
</div>
<div      class="am-u-sm-12 sqtkDdxx" style="border-bottom:0px">
${order.msg}您可以关注泰州久零公众号，在个人中心查询您的订单情况
</div>


<body class="grzxbody_1">
<div class="am-g" style="padding:20px 10px 10px;">
	<div class="am-u-sm-12 grxz_top">
		<div class="am-u-sm-12 am-text-center am-pad-none">
			<img src="" id="headWX" class="grzx_toux"/>
		</div>
	</div>
</div>
<div class="am-u-sm-12 sqtkDdxx"  style="text-align: center;">
长按识别二维码
</div>

<!--footer-->
<div>
	<a onclick="toOrderDetails();" class="botBtn sqtkCxsq"  style="margin-bottom: 10px;">查看订单</a>
	<a id="openpop" class="botBtn yellowBtn" style="margin-bottom: 10px;">联系商家</a>
</div>
<%--<jsp:include page="/jsp/inc_bottom.jsp"></jsp:include>--%>
<!--footer-->
<div class="am-modal am-modal-alert" tabindex="-1" id="my-alert">
	<div class="am-modal-dialog">
		<div class="am-modal-hd" id="alert_title">哎呦喂，出错啦</div>
		<div class="am-modal-bd" id="alert_message"></div>
		<div class="am-modal-footer">
			  <span class="am-modal-btn">确定</span>
		</div>
	</div>
</div>


<!--联系商家弹出电话导航-->
<div class="popteladr">
		<span class="closepop"><img
				src="<%=resoursUrl%>resources/assets/image/icon_close.png"
				height="20" /> </span>
	<div class="popteltop">
		<c:if test="${logo_url != ''}">
			<span class="kefuimg"><img src="${logo_url }" /> </span>
		</c:if>
		<c:if test="${logo_url == ''}">
				<span class="kefuimg"><img
						src="<%=resoursUrl%>resources/assets/image/pic-murenimg.png" />
				</span>
		</c:if>
		<div class="">${venderIdName}</div>
	</div>
	<div class="am-u-sm-12 am-pad-none kftelandadr am-margin-top-xs">

		<div class="am-u-sm-3 am-pad-none">
			<a href="tel:010-25445632" class="">客服电话:</a>
		</div>
		<div class="am-u-sm-7 am-pad-none">
			<a href="tel:010-25445632" class="">010-25445632</a>
		</div>
		<div class="am-u-sm-2 am-pad-none am-text-right borleft">
			<a href="tel:010-25445632" class="telcall">拨打 </a>
		</div>

	</div>
	<div class="am-u-sm-12 am-pad-none kftelandadr am-margin-top-xs">
		<a target="_blank"
		   href="${pageContext.request.contextPath}/client_toMendian.do?venderId=${venderId} ">
			<div class="am-u-sm-3 am-pad-none">商家地址:</div>
			<div class="am-u-sm-7 am-pad-none">${venderAddr}</div>
			<div class="am-u-sm-2 am-pad-none am-text-right borleft">
				<span class="adrnav">导航 </span>
			</div> </a>
	</div>
</div>
<div class="zzc"></div>
<script>
    var ajaxpath="${pageContext.request.contextPath}";
    $(function() {
		$("#headWX").attr("src","<%=resoursUrl%>resources/assets/image/tzjl.jpg");

	});
	function toOrderDetails() {
		location.href = ajaxpath + "/order/toOrderDetails.do?id=${order.detailId}&type=1_0";
	}
	$(".closepop").click(function(){
		$(".popteladr,.zzc").hide();
	});
	$("#openpop").click(function(){
		$(".popteladr,.zzc").show();
	});
</script>
</body>
</html>
